<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8" />
	<meta name="author" content="Liang wei">
    <meta name="viewport" content="width= device-width , user-scalable=no,initial-scale=1.0" />
	<link rel="stylesheet" href="css/header.css" />
	<link rel="stylesheet" href="css/lunbo.css" />
	<link rel="stylesheet"  href="css/base.css"/>
	<link rel="stylesheet" href="css/index.css" />
	<script type="text/javascript" src="js/lunbo.js" ></script>
	<script type="text/javascript" src="js/jquery-3.1.1.js" ></script>
	<script type="text/javascript" src="js/vue.js" ></script>
	<link rel="stylesheet" href="css/footer.css" />
	
	<style>
	</style>
	</head>
	<body>
		<div>
		<div>
		<header>
				<img src="img/logo.png"  />
				<form class="search" action="">
					<input class="search_text" type="text" placeholder="搜索" />
				</form>				
		</header>
		
		
		
			    
			  <div class="myshaitu">
           <div class="title"><a href="wode.html"><i class="fa fa-chevron-left"></i>我的晒图</a></div> 
        <div class="club-all">
				
				<div class="club-all-title">
					<p>全部晒图</p>
									
				</div>
				
				<div class="club-img" id="show1" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>
				</div>
				<div class="club-img" id="show2" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>
				</div>
				<div class="club-img" id="show3" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>				
				</div>
				<div class="club-img" id="show4" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>				
				</div>
				<div class="club-img" id="show5" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>
				</div>
				<div class="club-img" id="show6" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>
				</div>
					<div class="club-img" id="show7" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>
				</div>
				<div class="club-img" id="show8" style="display: none">
					<a href="#"><img src="img/1.jpg"/></a>
					<p>上传时间</p>
				</div>
			</div>
	
    	
   </div>
		
     
	
	<!--尾栏-->
	<div class="footer_box">
		
	  <a href="train2.html"><img src="img/步数.png"/>训练</a>     
      <a href="club.html"><img src="img/运动.png"/>俱乐部</a>
      <a href="index.html"><img src="img/设备.png"/>约建</a>
      <a href="showpicture.html"><img src="img/活动.png"/>晒图</a>   
      <a href="wode.html"><img src="img/首页.png"/>我的</a>
  </div>


	<script type="text/javascript" src="js/common.js" ></script>	
	<script>
		
		 $(function(){
	         var userid=window.localStorage.getItem("userid");
		  	 console.log(userid);
            $.ajax({
                type: "POST",
                url : "http://172.24.10.175/workout/api.php/lists/SessionID/1set9n4vfeaj51jmc2pcnncg71/mod/shaitu/userid/"+userid,
                dataType: "jsonp",
　　　　　　　　　success: function(result){
                    addBox1(result);
                }
            });
        });
		
		     function addBox1(result){
             $.each(result,function(i,d){
               if(i>5){
						return;
					}
               document.querySelector("#show"+(i+1)+ " img").src="http://172.24.10.175/workout/Uploads/"+d.thumb0;
               document.querySelector("#show"+(i+1)+" p" ).innerHTML=d.update_time;
               document.querySelector("#show"+(i+1)+" a" ).href="shaitu1.html?id="+d.id;
               document.querySelector("#show"+(i+1)).style.display="block";
            });
        }
	
	
	</script>	
	</body>

</html>
